<!-- 品质管理-直通率标题 -->
<template>
  <div class="title-con">{{ title }}</div>
</template>

<script>
export default {
  name: "TitleItem",
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>
<style scoped lang="scss">
.title-con {
  position: relative;
  margin: 8px auto;
  width: 150px;
  text-align: center;
  font-size: 15px;
  font-family: Microsoft YaHei;
  color: #bde1ff;
  &::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left-color: #bde1ff;
  }
  &::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-right-color: #bde1ff;
  }
}
</style>
